*{
    margin: 0;padding: 0;
}
li{
    list-style: none;
    float: left;
}
a{
    font-size: 13px;
    font-family: "微软雅黑";
    text-decoration: none;
    color: black;
}
.sizeBlack{
    color: black;
}
.sizeGray{
    color: #E6E6E6;
}
.sizeRed{
    color:@red;
}
.boderLeft{
    border-left: 1px solid #E6E6E6;
}
.borderTop{
    border-top: 1px solid #E6E6E6;
}
.floatLeft{
    float: left;
}
.floatRight{
    float: right;
}
.zhengsanjiao{
    display: block;
    width: 42px;
    height: 26px;
    background: url(../images/xiaotu.png) no-repeat -143px -122px;
    color: #3c3c3c;
}
.daoshanjiao{
    display: block;
    width: 42px;
    height: 26px;
    background: url(../images/xiaotu.png) no-repeat -143px -96px;
    color: #3c3c3c;
}
.daoneisj{
    display: block;
    width: 10px;
    height: 9px;
    background: url(../images/xiaotu.png) no-repeat -2px -187px;
}
.zhengneisj{
    display: block;
    width: 10px;
    height: 9px;
    background: url(../images/xiaotu.png) no-repeat -17px -187px;
}
@top-height:38px;
@width:1200px;
@font-size:17px;
@red:#F01A1A;
//登录
.land{
    width: 430px;
    height: 400px;
    background: white;
    position: fixed;
    left: 40%;
    top: 100px;
    z-index: 110;
    display: none;
    .x{
        position: absolute;
        font-size: 25px;
        color: white;
        top: -10px;
        right: 0;
    }
    .landTop{
        display: block;
        width: 215px;
        height: 37px;
        background: black;
        border-bottom: 3px solid black;
        float: left;
        color: white;
        text-align: center;
        line-height: 40px;
        font-weight: bold;
    }
    .landTop1{
        border-bottom: 3px solid #EF1C22;
    }
    .landbottom{
        width: 350px;
        height: 300px;
        padding: 30px 40px;
        float: left;
    }
    .landbottom1{
        li{
            margin-top: 50px;
            width: 349px;
            height: 34px;
           span{
                display: inline-block;
                width: 35px;
                height: 24px;
                text-align: center;
                border: 1px solid #C2C2C2;
                padding: 5px 0;
                float: left;
                margin-right: 10px;
            }
            .user{
                padding: 0 10px;
                width: 280px;
                height: 34px;
                float: left;
                border: 1px solid #C2C2C2;
            }
            sp{
                font-size: 12px;
            }
            .button{
                width: 349px;
                height: 26px;
                background: @red;
                border: none;
                border-radius: 5px;
                color: white;
                cursor: pointer;
            }
        }
    }
    .landbottom2{
        display: none;
        li{
            width: 350px;
            margin-top: 10px;
            sp{
                display: inline-block;
                width: 70px;
                height: 23px;
                text-align: right;
                font-size: 14px;
                float: left;
                line-height: 34px;
            }
            .shuru{
                padding: 0 10px;
                width: 240px;
                height: 34px;
                float: left;
                border: 1px solid #C2C2C2;
            }
            span{
                width: 80px;
                height: 18px;
                float: right;
                font-size: 12px;
                color: @red;
            }
            spa{
                font-size: 12px;
                float: right;
            }
            .button{
                width: 349px;
                height: 26px;
                background: @red;
                border: none;
                border-radius: 5px;
                color: white;
                cursor: pointer;
            }
        }
    }
}
.zhezhao{
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    z-index: 100;
    opacity: 0.3;
    display: none;
}
//头部
.top-box{
    width:100%;
    height: @top-height;
    background: black;
}
.top{
    width: @width;
    height: @top-height;
    margin: 0 auto;
}
.top-right{
       width: 400px;
       height: @top-height;
       float: right;
}
.top-left{
       width: 800px;
       height: @top-height; 
       float: left;
}
.left-ul{
    line-height: @top-height;
    li{
        .a{
            color: white;
            border-right:1px solid white;
            padding: 0 10px;
            &:hover{
                color:@red;
            }
        }
        .c{
            color: white;
            padding: 0 10px;
            &:hover{
                color:@red;
            }
        }
    }
}
.right-ul{
    line-height: @top-height;
    position: relative;
    li{
        float: right;
        margin-right:10px;
        color: white;
        position: relative;
        a{
            color: white;
            &:hover{
                color:@red;
            }
        }
        .outlogin-box{
            width: 90px;
            height: 50px;
            border: 1px solid #D9D8D6;
            background: white;
            position: absolute;
            right: 0px;
            top: 38px;
            line-height: 50px;
            text-align: center;
            z-index: 1;
            display: none;
            a{
                color: black;
                &:hover{
                    color:@red;
                }
            }
        }
    }
}
.value{
    position: absolute;
    right: 70px;
    top: 40px;
    li{
        a{
            width: 50px;
            height: 17px;
            padding: 0 5px;
            color: #D9D8D6;
            &:hover{
                background: #D9D8D6;
                color: white;
            }
        }
    }
}
//菜单
.cateT{
    width: @width;
    height: 56px;
    margin: 0 auto;
    .cateLeft{
        width: 200px;
        height: 56px;
        float: left;
    }
    .cateRight{
        width: 1000px;
        height: 56px;
        float: right;
        li{
            margin-right: 50px;
            a{
                width: auto;
                height: 56px;
                display: block;
                font-size: @font-size;
                line-height: 70px;
                color: black;
                &:hover{
                    color:@red;
                }
            }
        }
    }
}













//公共部分
.wb{
    width: 100%;
    background: #F6F6F6;
    div{
        width: @width;
        height: 83px;
        margin: 0 auto;
    }
}
//尾部
.weibu{
    width: @width;
    height: 100px;
    margin: 0 auto;
    padding: 10px 0;
    div{
        width: @width;
        height: 100px;
        ul{
            float: left;
            .no-a{
                font-size: 14px;
                margin-bottom:5px ;
            }
            li{
                clear: both;
                a{
                    font-size: 12px;
                    color: gray;
                    &:hover{
                        color: black;
                    }
                }
            }
        } 
        .p-left{
            margin-left:165px ;
        }
    }
}
//底部
.dibu{
    width: 100%;
    height: 95px;
    background: #F5F5F5;
    div{
        text-align: center;   
        width: @width;
        height: 95px;
        margin: 0 auto;
        box-sizing: border-box;
        padding-top: 30px;
        a{
            margin: 0 5px;
            font-size: 12px;
            color: gray;
        }
        span{
            color: gray;
        }
    }
}